<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>问卷星</title>
		<style type="text/css">
			body{
				background: url(img/bacg.jpg) no-repeat fixed center/100%100%;
				
			}
			.zbig{ 
				width: 200px;
				height: 50px;
				border: 1px solid transparent;
				
				position: absolute;
				left: 50px;
				
				
			}
			.xbig{
				width: 200px;
				height: 50px;
				border: 1px solid transparent;
				float: right;
				position: absolute;
				right: 50px;
				
			}
			.xbig .xbig1{
				width: 80px;
				height: 45px;
				border: 2px solid white;
				float: left;
				text-align: center;
				line-height: 44px;
				border-radius: 30px;
			}
			.xbig .xbig2{
				width: 100px;
				height: 45px;
				border: 2px solid white;
				float: right;
				text-align: center;
				line-height: 44px;
				border-radius: 30px;
				
			}
			.ybig{
				background-color: white;
				width: 480px;
				height: 550px;
				border: 1px solid transparent;
				text-align: center;
				position: absolute;
				top: 170px;
				left: 35%;
				border-radius: 10px;
				
			}
			.ybig .ybig1{
				width: 50%;
				height: 60px;
				border: 1px solid white;
				margin-left: 32px;
				
			}
			.ybig .ybig1 .ybig1a{
				width: 100px;
				height: 40px;
				border: 1px solid white;
				float: left;
				line-height: 38px;
				margin-top: 10px;
				font-size: 20px;
				
				
			}
			.ybig .ybig1 .ybig1b{
				width: 100px;
				height: 40px;
				border: 1px solid white;
				float: right;
				line-height: 38px;
				margin-top: 10px;
				font-size: 20px;
			}
			.ybig .ybig2{
				width: 85%;
				height: 40px;
				border: 1px solid #d9d9d9;
				margin-top: 15px;
				text-align: left;
				line-height: 40px;
				color: #d9d9d9;
				margin-left: 32px;
				font-size: 13px;
				
			}
			.ybig .ybig3{
				width: 85%;
				height: 40px;
				border: 1px solid #d9d9d9;
				margin-top: 15px;
				text-align: left;
				line-height: 40px;
				color: #d9d9d9;
				margin-left: 32px;
				font-size: 13px;
			}
			.ybig .ybig4{
				width: 85%;
				height: 40px;
				border: 1px solid white;
				margin-top: 15px;
				margin-left: 32px;
				
			}
			.ybig .ybig4 .ybig4a{
				width: 120px;
				height: 40px;
				float: left;
				border: 1px solid white;
				line-height: 40px;
				color: #d9d9d9;
				font-size: 12px;
			}
			.ybig .ybig4 .ybig4b{
				width: 150px;
				height: 40px;
				float: right;
				border: 1px solid white;
				line-height: 40px;
				font-size: 12px;
				
			}
			.ybig .ybig5{
				width: 85%;
				height: 40px;
				border: 1px solid white;
				background-color: orange;
				margin-top: 15px;
				margin-left: 32px;
				line-height: 35px;
			}
			
			.ybig .ybig6{
				width: 85%;
				height: 40px;
				border: 1px solid white;
				margin-top: 15px;
				line-height: 40px;
				margin-left: 32px;
			}
			.ybig .ybig7{
				width: 65%;
				height: 20px;
				border: 1px solid white;
				margin-top: 15px;
				margin-left: 88px;
				font-size: 13px;
				
			}
			.ybig .ybig7 .ybig7a{
				width: 100px;
				height: -3px;
				float: right;
				border: 1px solid #d9d9d9;
				margin-top: 11px;
			}
			.ybig .ybig7 .ybig7b{
				width: 100px;
				height: -3px;
				float: left;
				border: 1px solid #d9d9d9;
				margin-top: 11px;
			}
			.ybig .ybig8{
				width: 100%;
				height: 130px;
				border: 1px solid white;
				margin-top: 20px;
			}
			.abig{
				width: 240px;
				height: 70px;
				border: 1px solid transparent;
				
				position: absolute;
				bottom: 5px;
				right: 50px;
			}
			.abig .abig1{
				width: 130px;
				height: 30px;
			}
			.abig .abig2{
				width: 100%;
				height: 30px;
			}
			
		</style>
	</head>
	<body>
		<div class="zbig"><img src="img/问卷星.png" style="width:200px;height: 50px;" /></div>    <!-- 左上角 -->
		<div class="xbig">
			<div class="xbig1"><a>注册</a></div>
			<div class="xbig2"><a>返回首页</a></div>
		</div>   <!-- 右上角 -->
		<div class="ybig">
			<div class="ybig1">
				<div class="ybig1a"><strong><u><a>账号登录</a></u></strong></div>
				<div class="ybig1b"><strong><a>验证码登录</a></strong></div>  
			</div>
			<div class="ybig2"><a>用户名/email/手机</a></div>
			<div class="ybig3"><a>请输入登录密码</a></div>
			<div class="ybig4">
				<div class="ybig4a"><input type="checkbox" name="gxh" /><span>下次自动登录</span></div>
				<div class="ybig4b"><u>忘记用户名/密码？</u></div>
			</div>
			<div class="ybig5"><strong>登录</strong></div>
			<div class="ybig6"><font color="blue"><u>立即注册</u></font></div>
			<div class="ybig7">更多登录方式
			<div class="ybig7a"></div>
			<div class="ybig7b"></div>
			</div>
			<div class="ybig8"><img src="img/登陆方式.png" style="width: 100%;height: 100%;;" /></div>
			
		</div>   <!-- 中间 -->
		<div class="abig">
			<div class="abig1"><font color="white">《登顶武功山》</div>
			<div class="abig2"><font color="white">拍摄于问卷星团队二月徒步之旅</div>
		</font></div>   <!-- 右下角 -->
		
	</body>
</html>
